<template>
  <div class="curriculum">
    <div class="brief-title">
      <span>我的课程</span>
      <div class="curriculum-search">
        <span>学期：</span>
        <el-select
          v-model="curriculumSearchDate"
          placeholder="请选择"
          size="mini"
          style="width: 91px"
        >
          <el-option
            v-for="(item, index) in dateOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </div>
    </div>
    <el-row class="curriculum-item">
      <el-col
        :span="12"
        v-for="(item, index) in curriculums"
        :key="index"
      >
        <el-row>
          <el-col :span="12" class="curriculum-item-left">
            <div>
              <img
                src="../../../assets/home/icon-curriculum.png"
                alt=""
              />
              <span>{{ item.name }}</span>
            </div>
            <div>授课教员：{{ item.teacher }}</div>
          </el-col>
          <el-col :span="12" class="curriculum-item-right">
            <div>
              <img
                src="../../../assets/home/icon-curriculum-search-green.png"
                alt=""
              />
              <span>查看考核实施计划</span>
            </div>
            <div>
              <img
                src="../../../assets/home/icon-curriculum-search-blue.png"
                alt=""
              />
              <span>查看成绩及排名</span>
            </div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "curriculum",
  props: ['curriculumSearchDate','dateOptions',"curriculums"],
  data() {
    return {}
  },
  created() {
  },
  mounted() {
  },
  computed: {},//计算属性
}
</script>

<style scoped>

</style>
